<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  <title>产品</title>
  <script>
    // 初始化函数，设置初始的viewport
    function setInitialScale() {
      var viewport = document.querySelector('meta[name="viewport"]');
      var scale = window.innerWidth / 1920;
      viewport.setAttribute(
        "content",
        `width=device-width, initial-scale=${scale.toFixed(
          1
        )}, maximum-scale=1.0, user-scalable=no`
      );
    }

    // 页面加载时设置一次
    window.addEventListener("DOMContentLoaded", setInitialScale);

    // 窗口大小变化时重新设置
    window.addEventListener("resize", setInitialScale);
  </script>
  <link rel="stylesheet" href="product.css" />
  <link rel="stylesheet" href="common.css" />
  <link rel="stylesheet" href="css/bootstrap.min.css" />
  <link rel="stylesheet" href="css/swiper-bundle.min.css">
  <link rel="stylesheet" href="reset.css" />

</head>

<body>
  <div id="app" class="container-lg container-md container-sm container-xl container">
    <div class="header d-flex justify-content-between">
      <div class="header-left">
        <div class="header-left-icon">
          <img class="logo" src="static/logo.png" alt="" />
        </div>
      </div>
      <div class="header-menus d-flex align-items-center justify-content-between">
        <div class="menu-item ">
          <div class="menu-item-name"><a href="index.html">首页</a></div>
        </div>
        <div class="menu-item active">
          <div class="menu-item-name"><a href="product.html">产品</a></div>
        </div>
        <div class="menu-item">
          <div class="menu-item-name"><a href="server.html">服务</a></div>
        </div>
        <div class="menu-item">
          <div class="menu-item-name"><a href="newscenter.html">新闻中心</a></div>
        </div>
        <div class="menu-item">
          <div class="menu-item-name"><a href="about.html">关于我们</a></div>
        </div>
      </div>
      <div class="header-right d-flex flex-column">
        <div class="top d-flex align-items-center">
          <img src="static/headfoot/phone.png" alt="" />
          <span>联系电话</span>
        </div>
        <div class="phone">176-2800-2002</div>
      </div>
    </div>

  </div>
  <div class="index-top">
    <div class="container-lg container-md container-sm container-xl container" >
      <div class="top1"></div>
      <div class="top2">助力行业信息化建设</div>
      <div class="top3">已为300+企事业单位提供了互联网+解决方案</div>
      <div class="top4">Classic Case。</div>
      <div class="top5"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-caret-down" viewBox="0 0 16 16">
        <path d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 0 0 1.506 0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 0 0-.753 1.659z"/>
      </svg></div>
    </div>
  </div>
  <div class="class-show">
    <div class="main">
      <div class="title">经典案例展示</div>
      <div class="desc">致力于以服务为核心，为客户持续创造价值</div>
      <div class="tabs">
        <div class="tab tab-active">热门案例</div>
        <div class="tab">直播/点播</div>
        <div class="tab">社区020</div>
        <div class="tab">在线教育</div>
        <div class="tab">社交案例</div>
      </div>
      <div class="items">
        <div class="item">
          <img src="static/index/202110185367.jpg.png" alt="">
          <div class="item-content">
            <div>名称：有趣购拼团</div>
            <div>类型：商城拼团类</div>
            <div>功能：有趣购拼团</div>
          </div>
        </div>
        <div class="item">
          <img src="static/index/202110154176.jpg.png" alt="">
          <div class="item-content">
            <div>名称：多米社区</div>
            <div>类型：社区团购类</div>
            <div>功能：本地生活、社区团购</div>
          </div>
        </div>
        <div class="item">
          <img src="static/index/202110134545.jpg(1).png" alt="">
          <div class="item-content">
            <div>名称：云客兔</div>
            <div>类型：拓客类</div>
            <div>功能：营销拓客软件</div>
          </div>
        </div>
        <div class="item">
          <img src="static/index/202110187321.jpg.png" alt="">
          <div class="item-content">
            <div>名称：V云空间</div>
            <div>类型：线上课程类</div>
            <div>功能：互联网授课、直播间、V云圈</div>
          </div>
        </div>
        <div class="item">
          <img src="static/index/202110147414.jpg.png" alt="">
          <div class="item-content">
            <div>名称：绿萝医疗</div>
            <div>类型：线上诊疗</div>
            <div>功能：互联网医生、在线诊疗</div>
          </div>
        </div>
        <div class="item">
          <img src="static/index/202110147414.jpg.png" alt="">
          <div class="item-content">
            <div>名称：绿萝医疗</div>
            <div>类型：线上诊疗</div>
            <div>功能：互联网医生、在线诊疗</div>
          </div>
        </div>
        <div class="item">
          <img src="static/index/202110134545.jpg(1).png" alt="">
          <div class="item-content">
            <div>名称：云客兔</div>
            <div>类型：拓客类</div>
            <div>功能：营销拓客软件</div>
          </div>
        </div>
        <div class="item">
          <img src="static/index/202110187321.jpg.png" alt="">
          <div class="item-content">
            <div>名称：V云空间</div>
            <div>类型：线上课程类</div>
            <div>功能：互联网授课、直播间、V云圈</div>
          </div>
        </div>
        <div class="item">
          <img src="static/index/202110185367.jpg.png" alt="">
          <div class="item-content">
            <div>名称：有趣购拼团</div>
            <div>类型：商城拼团类</div>
            <div>功能：有趣购拼团</div>
          </div>
        </div>
        <div class="item">
          <img src="static/index/202110154176.jpg.png" alt="">
          <div class="item-content">
            <div>名称：多米社区</div>
            <div>类型：社区团购类</div>
            <div>功能：本地生活、社区团购</div>
          </div>
        </div>
        <div class="item">
          <img src="static/index/202110134545.jpg(1).png" alt="">
          <div class="item-content">
            <div>名称：云客兔</div>
            <div>类型：拓客类</div>
            <div>功能：营销拓客软件</div>
          </div>
        </div>
        <div class="item">
          <img src="static/index/202110187321.jpg.png" alt="">
          <div class="item-content">
            <div>名称：V云空间</div>
            <div>类型：线上课程类</div>
            <div>功能：互联网授课、直播间、V云圈</div>
          </div>
        </div>
      </div>

    </div>
    
      <ul class="mypagenation">
        <li class="mypage">
         <img src="static/product/Search Box@2x.png" alt="">
        </li>
        <li class="mypage "><a  href="">1</a></li>
        <li class="mypage "><a  href="">2</a></li>
        <li class="mypage "><a  href="">3</a></li>
        <li class="mypage "><a href="">...</a></li>
        <li class="mypage "><a  href="">20</a></li>
        <li class="mypage ">
          <img src="static/product/Search Box@2x(1).png" alt="">
        </li>
      </ul>
   
  </div>
 
  <div class="foot-view  ">
    <div class="container-lg container-md container-sm container-xl container flex"
      style="height: 100%;justify-content: space-between;">
      <div class="left">
        <div class="comany">石家庄一惠科技有限公司</div>
        <div class="msg flex">
          <div>
            <div class="flex">
              <img src="static//headfoot/i@2x.png" alt="" />
              <div>032-56667605</div>
            </div>
            <div class="flex rows ">
              <img src="static//headfoot/Vector@2x.png" class="qq" alt="" />
              <div>075-32232312</div>
            </div>
          </div>
          <div>
            <div class="flex">
              <img src="static//headfoot/i@2x (1).png" alt="" />
              <div>13595623232</div>
            </div>
            <div class="flex rows">
              <img src="static//headfoot/i@2x (4).png" alt="" />
              <div>shijiazhuangyihui.com</div>
            </div>
          </div>
          <div>
            <div class="flex">
              <img src="static//headfoot/i@2x (2).png" alt="" />
              <div>ICP备案16659522</div>
            </div>
            <div class="flex rows">
              <img src="static//headfoot/i@2x (3).png" alt="" />
              <div>郑州市金水区花园北路紫禁城8楼108室</div>
            </div>
          </div>
        </div>
      </div>
      <div class="right">
        <img src="static//headfoot/ercode.png" alt="" />
        <div>扫码加微信</div>
      </div>
    </div>

  </div>

  <script src="./js/jquery.min.js"></script>
 
</body>

</html>